<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cart</title>
</head>

<body>
    <%= require('./common/header.htm')%>

        <div id="Content">
            <div id="BackLink">
                <a href="./catalog-main.html">Return to Main Menu</a>
            </div>

            <div id="Catalog">

                <div id="Cart">
                    <!-- 
                    <h2>Shopping Cart</h2>

                    <form name="cartForm"method="post">
                        <table>
                            <tr>
                                <th><b>Item ID</b></th>
                                <th><b>Product ID</b></th>
                                <th><b>Description</b></th>
                                <th><b>In Stock?</b></th>
                                <th><b>Quantity</b></th>
                                <th><b>List Price</b></th>
                                <th><b>Total Cost</b></th>
                                <th>&nbsp;</th>
                            </tr>

                            <!-- <tr id="emptyInfo">
                                <td colspan="8"><b>Your cart is empty.</b></td>
                            </tr>

                            <tr>
                                <td id="workingItemId">
                                    <a>

                                    </a>
                                </td>
                                <td>

                                </td>
                                <td>

                                </td>
                                <td>

                                </td>
                                <td>
                                    <input type="text" id="quantity">
                                    <font color="red" id="quantityMsg"></font>
                                </td>
                                <td>

                                </td>
                                <td>

                                </td>
                                <td>
                                    <input type="button" id="{{itemId}}" value="Remove" class="remove-btn">
                                </td>
                            </tr>

                            <tr>
                                <td colspan="7">Sub Total:
                                    <label id="total">

                                    </label>

                                    <!--<input type="submit" value="Update Cart">
                                </td>
                                <td>&nbsp;</td>
                            </tr>
                        </table>
                    </form> -->

                    <a class="Button" href="#" id="vieworderForm">Proceed to Checkout</a>
                </div>

                <div id="Separator">&nbsp;</div>
            </div>
        </div>

        <%= require('./common/footer.htm')%>
            <!-- <script type="text/javascript" src="../js/cart.js"></script> -->
</body>

</html>